<template>
	<header class="header">
		<slot></slot>
	</header>
</template>

<script>
	export default {
		name: 'Header'
	}
</script>

<style>
	.header {
		margin: 10px auto;
		padding: 10px 20px 20px 20px;
		width: 60%;
		text-align: center;
		border: 1px solid #AAAAAA;
		border-radius: 5px 5px 5px 5px;
		color: #111111;
		box-shadow: 0 15px 35px rgb(50 50 93 / 10%), 0 5px 15px rgb(0 0 0 / 7%);
	}
</style>
